// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.beatmapsets {
  @item-gutter: 10px;
  @top: beatmapsets;

  background-color: @osu-colour-b5;
  color: white;

  &__content {
    padding: (10px - @item-gutter / 2) (20px - @item-gutter / 2);
    .@{top}--dimmed & {
      opacity: 0.2;
    }
  }

  &__empty {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 10px 0 (-@item-gutter / 2);
  }

  &__item {
    margin: (@item-gutter / 2);
    flex: none;
    width: calc(100% - @item-gutter);

    @media @desktop {
      width: calc(50% - @item-gutter);
    }
  }

  &__items {
    display: flex;
    flex-wrap: wrap;
  }

  &__items-row {
    display: flex;
    width: 100%;
  }

  &__paginator {
    display: flex;
    justify-content: center;
  }

  &__toolbar {
    background-color: @osu-colour-b4;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
